<script setup>
// 这里可以导入组件和定义响应式数据、方法等

</script>

<template>
  <div class="app-container">
    <router-view />
  </div>
</template>

<style>
/* 全局样式 */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
  color: #333;
  background-color: #f1f8e9; /* 非常浅的绿色背景 */
  overflow: hidden;
}

.app-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* 全局链接样式 */
a {
  color: #4caf50;
  text-decoration: none;
}

a:hover {
  color: #2e7d32;
}

/* Element Plus 主题覆盖 */
:root {
  --el-color-primary: #4caf50 !important; /* 主色调为绿色 */
  --el-color-primary-light-3: #81c784 !important;
  --el-color-primary-light-5: #a5d6a7 !important;
  --el-color-primary-light-7: #c8e6c9 !important;
  --el-color-primary-light-9: #e8f5e9 !important;
  --el-color-primary-dark-2: #388e3c !important;
}
</style>
